import style from "./eye.css?raw";
import { Element, Props, Method, Watch } from '@utils/decorators.utils';

/**
 * @class Eye
 * @extends HTMLElement
 * @description 眼睛组件
 */
@Element({
    tag: "kirby-eye", style
})
class Eye extends HTMLElement {

    @Props
    name!: string;

    render() {
        return `
           <div class="eye eye-${this.name}">
                <div class="eye-inner"></div>   
            </div>
        `
    }
}